<template>
  <div class="main">

   ddddd
    <div class="wrapper">
      <img id="image" src="https://m.baidu.com/se/static/img/iphone/logo.png">
      <div id="tool">
        <input type="file" id="uploadImg">
      </div>
      <canvas id="canvas"></canvas>
      <div id="txt"></div>
    </div>

<!--    <div id="isLoading">-->
<!--      <p class="loading-text center">loading中……</p>-->
<!--    </div>-->
  </div>
</template>

<script>
export default {
name: "paddlejs",
  data () {
    return {
    }
  },
  mounted () {
    // let runner = new Runner({
    //   modelPath: 'https://paddlejs.cdn.bcebos.com/models/mobileNetV2', // 模型路径
    //   fileCount: 4,
    //   feedShape: {
    //     fw: 224,
    //     fh: 224
    //   },
    //   fill: '#fff',
    //   targetSize: {
    //     height: 224,
    //     width: 224
    //   },
    //   mean: [0.485, 0.456, 0.406],
    //   std: [0.229, 0.224, 0.225],
    //   needPreheat: true
    // });
    // await runner.init();
  },
  beforeDestroy () {
  },
  methods: {

  },
}
</script>

<style scoped>
body {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#isLoading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
}
#isLoading .loading-text {
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 100vh;
}
</style>
